.box-padding{
    padding: 0.5rem 0.25rem;
    box-sizing: content-box;
}
.PC_box{
    width: 992px;
}

.title{
    text-align: center;
    margin-bottom: .3rem;
    font-size: 25px;
    font-weight: 600;
}
.title_underline{
    display: block;
    height: 3px;
    border-radius: 1.5px;
    font-weight: 600;
    background: #28bdcf;
}

.gray-bg{
    background: #f2f2f2;
}
.center{
    text-align: center;
}
.header-link{
    color: #606060;
    position: absolute;
    right: .2rem;
}
.footer-link:hover,.header-link:hover{
    text-decoration: underline;
    color: #26bdcf!important;
}
.card{
    display: inline-block;
    margin-top: .1rem;
}
.card:hover{
    opacity: 0.7;
}
.activity-circle-bg{
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    opacity: .5;
    height: 4rem;
    width: 4rem;
    background: #e6e6e6;
}
.activity-circle{
    padding-top: .5rem;
    text-align: center;
    position: absolute;
    height: 4rem;
    width: 4rem;

}
.study:hover{
    background-color: #454545 !important;
}

.header-select{
    background-color: #454545;
}

.header-select:hover{
    background-color: rgb(47,47,47) !important;
}

.mobile-header-select{
    background-color: rgb(41,40,44);
}
.mobile-header-select span{
    float: left;
    color: white;
}
.ant-btn-primary{
    text-shadow: none!important;
    box-shadow: none!important;
}
